<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车</title>
    <link rel="stylesheet" href="../css/gouwuche.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../js/gouwuche.js">
</head>
<body>
    <header>
        <div class="header-nav">
            <div class="header-site-nav">
                <div class="header-main">
                    <!-- 地区块 -->   
                    <div class="header-f1">
                        <div class="header-city-check">
                            <div class="header-f1-city">
                                <i>
                                    <img src="../img/header-img/city-address.png" alt=""  width='25px' height='26px'>
                                </i>
                                <span class="header-address">郑州市</span>
                            </div>
                            <div class="header-city-mask"></div>
                            <div class="header-address-choose"></div>
                        </div>
                        <div class="header-f1-tetx-info">
                            <a href="denglu.html" class="header-a-red">请登录</a>
                            <a href="register.html">免费注册</a>
                        </div>
                    </div>
                    <!-- 头部右侧导航 -->
                    <ul>             
                        <li>
                            <div>
                                <a href="#">我的订单</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">我的浏览</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">我的收藏</a>
                            </div>
                        </li>
                        <li>
                            <div>
                                <a href="#">客户服务</a>
                            </div>
                        </li>
                        <li class="header-list-last">
                            <div>
                                <a href="#">网站导航
                                    <i class="iconfont icon-xiala"></i> 
                                </a>
                                
                            </div>
                            <div class="header-list-mask"></div>
                            <div class="header-list-last-div">
                                <div class="header-list-last-div-l">
                                    <dl>
                                        <dt>特色主题</dt>
                                        <dd>
                                            <div>
                                                <a href="#">家用电器</a>
                                            </div>
                                            <div>
                                                <a href="#">男装女装</a>
                                            </div>
                                            <div>
                                                <a href="#">鞋靴箱包</a>
                                            </div>   
                                        </dd>
                                    </dl>
                                </div>
                                <div class="header-list-last-div-r">
                                    <dl>
                                        <dt>促销活动</dt>
                                        <dd>
                                            <div>
                                                <a href="#">拍卖活动</a>
                                            </div>
                                            <div>
                                                <a href="#">共创商品</a>
                                            </div>
                                            <div>
                                                <a href="#">积分商城</a>
                                            </div>
                                            <div>
                                                <a href="#">CMS频道</a>
                                            </div>
                                            <div>
                                                <a href="#">优惠活动</a>
                                            </div>
                                            <div>
                                                <a href="#">超值礼包</a>
                                            </div>
                                            <div>
                                                <a href="#">优惠券</a>
                                            </div>
                                            <div>
                                                <a href="#">礼品卡</a>
                                            </div>
                                            <div>
                                                <a href="#">预售商品</a>
                                            </div>
                                            
                                        </dd>
                                    </dl>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <div class="header">
        <div class="car-header">
            <div class="header-left">
                <div class="header-left-img">
                    <img src="../img/shop_logo.gif" alt="">
                </div>
                <div class="tit">
                    购物车(<em ectype="num"> 0 </em>)
                </div>
            </div>
            <div class="header-right">
                <div class="form">
                    <input type="text" placeholder="周大福"><button>
                        <i></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <div class="container">
        <div class="shopcar">
            <div class="cart-empty">
                <div class="cart-message">
                    <div class="txt">购物车快饿瘪了，主人快给我挑点宝贝吧</div>
                    <div class="info">
                        <a href="../index.html" class="btn">马上去逛逛</a>
                        <a href="denglu.html" class="login">去登录</a>
                    </div>
                </div>
            </div>
        </div>
        <div class="like">
            <div class="fite">
                <h3>猜你喜欢</h3>
            </div>
            <div class="like-list">
                <ul>
                    <li class="opacity_img">
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/202201/thumb_img/1278_copy_0_thumb_G_1642458923455.jpg" width="190px" height="190px" alt="">
                        </div>
                        <div class="p-price">￥68.00</div>
                        <div class="p-name">
                            <a href="">测试</a>
                        </div>
                        <div class="p-num">
                            已售<em>1</em>件
                        </div>
                    </li>
                    <li class="opacity_img">
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1489108266095.jpg" width="190px" height="190px" alt="">
                        </div>
                        <div class="p-price">￥2233.00</div>
                        <div class="p-name">
                            <a href="">华帝【年度旗舰】Huawei/华为 Mate 9 6+128GB 4G智能手机限量抢 麒麟960芯片...</a>
                        </div>
                        <div class="p-num">
                            已售<em>5</em>件
                        </div>
                    </li>
                    <li class="opacity_img">
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201809/thumb_img/0_thumb_G_1536532312220.jpg" width="190px" height="190px" alt="">
                        </div>
                        <div class="p-price">￥2399.00</div>
                        <div class="p-name">
                            <a href="">猫人Xiaomi/小米 小米电视4A 55英寸 4k超高清智能网络电视机 50 60</a>
                        </div>
                        <div class="p-num">
                            已售<em>10</em>件
                        </div>
                    </li>
                    <li class="opacity_img">
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1489098157662.jpg" width="190px" height="190px" alt="">
                        </div>
                        <div class="p-price">￥0.01</div>
                        <div class="p-name">
                            <a href="">李医生Razer雷蛇 Firefly烈焰神虫织物版 Chroma幻彩硬质游戏鼠标垫</a>
                        </div>
                        <div class="p-num">
                            已售<em>17</em>件
                        </div>
                    </li>
                    <li class="opacity_img">
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1490173894447.jpg" width="190px" height="190px" alt="">
                        </div>
                        <div class="p-price">￥38.00</div>
                        <div class="p-name">
                            <a href="">金奥力红叶伞遮阳伞防紫外线黑胶防晒晴雨两用太阳伞女糖果色折叠雨伞大 黑胶防晒 晴雨两用 糖果色 都市...</a>
                        </div>
                        <div class="p-num">
                            已售<em>36</em>件
                        </div>
                    </li>
                    <li class="opacity_img">
                        <div class="p-img">
                            <img src="https://x.dscmall.cn/storage/images/201703/thumb_img/0_thumb_G_1489104977765.jpg" width="190px" height="190px" alt="">
                        </div>
                        <div class="p-price">￥108.00</div>
                        <div class="p-name">
                            <a href="">皮克朋一叶子去角质去死皮膏啫喱面部温和祛黑头全身温和补水凝胶磨砂膏 新鲜护肤 植物护肤 去除角质 光...</a>
                        </div>
                        <div class="p-num">
                            已售<em>1</em>件
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <iframe src="./footer.html" frameborder="0" scrolling="no" width="100%" height="400px"></iframe>
    <script src="../js/jquery-3.6.3.js"></script>
</body>
</html>